<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"
%>
<!DOCTYPE HTML>
<html>
  <head>
     <title>
        	登录
	</title>
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/font-awesome.min.css"  />
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.min.css"  />
</head>
<script src="${pageContext.request.contextPath}/js/jquery-1.6.3.js"></script>
 <script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
  <script src="${pageContext.request.contextPath}/css/unslider.min.js"></script>
<script type="text/javascript">
function login(){
	var u=$("#username").val();
	var p=$("#password").val();
	if(u==null||u==""||p==null||p==""){
		alert("账号或密码不能为空!");
		return false;
	}
}
$(document).ready(function(){
	var e=$("#error").val();
	if(e!=null&&e!=""){
	alert(e);
	}
});
</script>
<body>
    	<div style="margin: 30px 0 0 0;text-align: center;">
    	<img src="${pageContext.request.contextPath}/img/juninglogo.jpg" style="height:270px;width:270px">
    	</div>
    	<div style="margin:40px  0 0 0;text-align: center;">
     			<form id="form" action="${pageContext.request.contextPath}/StaffController/login.action" method="post">
     				<label >
     				账&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号
     				</label>
     				<br>
     				<input type="text" name="username" id="username">
     				<br>
     				<label>
     				密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码
     				</label>
     				<br>
     				<input type="password" name="password" id="password">
     				<br>
     				<input onclick="return login()" type="submit" value="登&nbsp;&nbsp;&nbsp;&nbsp;录" 
     				style="color:#fff;width:300px;background:#EE9572;font-weight:600;
     				;border-color:#EEA9B8;font-size:20px"> 
     			</form>
     		</div>	
     		<input type="hidden" value="${error}" id="error">
 </body>
   <style>
       #form input{
   	width: 300px;height: 50px;margin-bottom:20px;border:1px solid #949494;
   	border-radius:4px;font-size:20px
   }
   #form input:hover{
   	border-color:#EE7942;
   }
   label{
color:#080808;margin:0 0 5px 0;font-size:30px
  }
   </style>
</html>